
.pageColor1 {
	// background: rgb(226,238,249);
	background: linear-gradient(180deg, rgba(218, 233, 247, 0) 0%, rgba(242, 243, 247, 1) 10.59%, rgba(242, 243, 247, 1) 99.31%);

	min-height: 100vh;
}
.predete_head {
 		margin-bottom: 24rpx;
 		width: 100%;

 		.tit {
 			font-size: 32rpx;
 			font-weight: 700;
 			color: rgba(38, 38, 38, 1);
 		}

 		.predete_type {
 			.tyselItem {
 				font-size: 28rpx;
 				font-weight: 400;
 				color: rgba(38, 38, 38, 1);
 				&:last-of-type {
 					margin-left: 85rpx;
 				}
				&.radio1{
					.radio_box.isActive {
						border-color: #316FE0;
					}
					
					.radio_box.isActive::after {
						content: '';
						display: block;
						width: 18rpx;
						height: 18rpx;
						border-radius: 100%;
						background: #316FE0;
					}
				}
				&.radio2{
					
					.radio_box.isActive {
						border-color: #FF5728;
					}
					
					.radio_box.isActive::after {
						content: '';
						display: block;
						width: 18rpx;
						height: 18rpx;
						border-radius: 100%;
						background: #FF5728;
					}
				}
				&.radio3{
					.radio_box.isActive {
						border-color: #FFAA3C;
					}
					
					.radio_box.isActive::after {
						content: '';
						display: block;
						width: 18rpx;
						height: 18rpx;
						border-radius: 100%;
						background: #FFAA3C;
					}
				}
				
				&.radio4{
					.radio_box.isActive {
						border-color: #003232;
					}
					
					.radio_box.isActive::after {
						content: '';
						display: block;
						width: 18rpx;
						height: 18rpx;
						border-radius: 100%;
						background: #003232;
					}
				}

 				.radio_box {
 					margin-right: 12rpx;
 					width: 34rpx;
 					height: 34rpx;
 					border-radius: 100%;
 					border: 2rpx solid #CCCCCC;
					
 					
 				}
				
 			}
 		}

 	}


.emergent_icon{
	width: 56rpx;
	height: 56rpx;
	border-radius: 8rpx;
	margin-right: 16rpx;
	
	background: linear-gradient(90deg, #FF5628 0%, #FF781F 100%) ;
	&.style4{
		background: linear-gradient(90deg, rgba(0, 50, 50, 1) 0%, rgba(3, 89, 89, 1) 100%);
	}
	i{
		color: #fff;
		font-size: 35rpx;
	}
}



.direct_Outer{
	width: 100%;
	padding: 316rpx 20rpx 0 20rpx;
	position: relative;
	z-index: 5;
	.direct_Contnet{
		width: 100%;
		background-color: #fff;
		border-radius: 20rpx;
		padding: 40rpx 35rpx;
		margin-bottom: 20rpx;
	}
}

.period_box{
	margin-top: 34rpx;
	border-top: solid 1px #EAEAEA;
	border-bottom: solid 1px #EAEAEA;
	&.padd32{
		padding-bottom: 32rpx;
	}
	
}
.preferentbox {
	padding: 0 38rpx;
	width: 100%;
	height: 76rpx;
	opacity: 1;
	border-radius: 10rpx;
	background: rgba(238, 10, 37, 0.08);
	
	.pref_txt{
		i{
			display: inline-block;
			color: inherit;
			margin-right: 8rpx;
			font-size:30rpx;
		}
		font-size: 32rpx;
		font-weight: 400;
		color: rgba(238, 10, 37, 1);
		text-align: left;
	}
}
.period_time{
	
	width: 100%;
	height: 106rpx;
	
	.icon{
		margin-right: 14rpx;
		margin-top: 4rpx;
		i{
			color: #262626;
			font-size: 30rpx;
			
		}
	}
	.tval{
		text{
			font-size: 36rpx;
			font-weight: 700;
			color: rgba(38, 38, 38, 1);
		}
		.time{
			margin-left: 14rpx;
		}
	}
}

.order_price_res{
	width: 100%;
	.price_box{
		.num{
			font-size: 68rpx;
			font-weight: 700;
			color: rgba(245, 173, 3, 1);
			text-align: center;
			vertical-align: bottom;
		}
		.unit{
			margin-left: 2rpx;
			font-size: 28rpx;
			font-weight: 400;
			color: rgba(245, 173, 3, 1);
			text-align: center;
			vertical-align: bottom;
			margin-bottom: 10rpx;
		}
	}
	.ptxt{
		margin: 8rpx 0 30rpx 0;
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		text-align: center;

	}
}

.agreement{
	width: 100%;
	margin-top: 28rpx;
	.check_box{
	
		width: 24rpx;
		height: 24rpx;
		border-radius: 100%;
		border: 2rpx solid rgba(204, 204, 204, 1);
		background: #fff;
		i{
			color: #fff;
			font-size: 20rpx;
		}
		&.isCheck{
			background: #316fe0;
			border-color: #316fe0;
		}
	}
	text{
		margin: 0 5rpx 0 9rpx;
		font-size: 22rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
	}
	.agrepup{
		font-size: 22rpx;
		font-weight: 400;
		color: $uniThemeColor;
	}
}


